import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NzInputModule } from 'ng-zorro-antd/input';

@Component({
  selector: 'app-input-checkbox',
  standalone: true,
  imports: [NzInputModule, FormsModule],
  template: `
    <div class="demo demo-space">
      @for(opt of options; track $index) {
      <label>
        <input
          nz-input
          [(ngModel)]="value"
          type="radio"
          [value]="opt"
          style="width: 80px;"
        />
        {{ opt }}
      </label>
      }

      <input nz-input [ngModel]="value" disabled />
    </div>
  `,
  styles: ``,
})
export class InputRadioListComponent {
  value = '';
  options = ['A', 'B', 'C'];
}
